<template>
	<view>
		<view class="m-h1" style="text-align: center;">
			发现
		</view>
		<view class="nav-container nav-margin-top">
			<view class="nav-row">
				<view @tap="toNone" class="nav">
					<image mode="widthFix" src="../../static/item-1.png" class="icon"></image>
					<text class="name">经典案例</text>
				</view>
				<view @tap="toNone" class="nav">
					<image src="../../static/item-2.png" mode="widthFix" class="icon"></image>
					<text class="name">应用场景</text>
				</view>
				<view @tap="toNone" class="nav">
					<image src="../../static/item-3.png" mode="widthFix" class="icon"></image>
					<text class="name">工艺知识</text>
				</view>
				<view @tap="toNone" class="nav">
					<image src="../../static/item-4.png" mode="widthFix" class="icon"></image>
					<text class="name">新闻咨讯</text>
				</view>
			</view>
			 
			<view class="nav-row">
				<view @tap="toNone" class="nav">
					<image mode="widthFix" src="../../static/item-5.png" class="icon"></image>
					<text class="name">资质证书</text>
				</view>
				<view @tap="toNone" class="nav">
					<image src="../../static/item-6.png" mode="widthFix" class="icon"></image>
					<text class="name">技术优势</text>
				</view>
				<view @tap="toNone" class="nav">
					<image src="../../static/item-7.png" mode="widthFix" class="icon"></image>
					<text class="name">公司介绍</text>
				</view>
				<view @tap="toNone" class="nav">
					<image src="../../static/item-8.png" mode="widthFix" class="icon"></image>
					<text class="name">工作机会</text>
				</view>
			</view>
		
		
			<view class="f-flex" style="margin-top: 60rpx;">
				<view >
					<text class="m-h2">经典案例</text>
				</view>
				<view @tap="toNone" class="m-font-md">
					<text>全部</text>
					<image class="m-icon-down" src="../../static/next.png" mode="widthFix"></image>
				</view>
			</view>
			
			
			<view class="m-p-mini m-margin-bottom">
				真实的客服端实施案例呈现
			</view>
		<!-- 案例box -->
			<view class="" style="box-shadow: 0 4rpx 4rpx 4rpx #00000014;color: #FFFFFF;position: relative;z-index: 10;background-image: url(https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/bg.png);">			
				<view class="">
					<image style="width: 100%;height: 160rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-daxingairport-main.png" mode="widthFix"></image>
				</view>
				<view class="" style="text-align: center;position: relative;top: -90rpx;">
					<image class="f-adb" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-daxingairport-logo.png" mode="widthFix"></image>
					<view class="f-adb-font">
						Beijing Daxing International Airport
					</view>
					<view class="f-adb-font m-margin-bottom">
						北京大兴国际机场
					</view>
					
					<view style="display: flex;justify-content: space-around;">
						<view class="">
							<image class="f-adb-img" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-daxingairport-1.png" mode=""></image>
						</view>
						<view class="">
							<image class="f-adb-img" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-daxingairport-2.png" mode=""></image>
						</view>
						<view class="">
							<image class="f-adb-img" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-daxingairport-3.png" mode=""></image>
						</view>
					</view>
						
				
				</view>
			</view>
			
			
			<!-- 	<view class="" style=" border: 2rpx solid #00000014;box-shadow: 0 4rpx 4rpx 4rpx #00000014;color: #FFFFFF;position: relative;top: -810rpx;height: 832rpx;margin-left: 16rpx;margin-right: 16rpx;">			
					<view class="">
						<image style="width: 100%;height: 160rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/case-1.png" mode="widthFix"></image>
					</view>

				</view>
				
		 
				
				
					<view  style="width: 620rpx; border: 2rpx solid #00000014;box-shadow: 0 4rpx 4rpx 4rpx #00000014;position: relative;top: -1635rpx;height: 832rpx;left: 30rpx;">			
						<view class="" style="display: flex;justify-content: center;">
							<image style="width: 620rpx;height: 160rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/case-1.png" mode="widthFix"></image>
						</view>
					</view> -->
					
			
			
		</view>
		
		
		<view class="">
			<!-- 应用场景 -->
			<view class="">
				<view class="f-flex-a ">
					<view class="m-h2">
						应用场景
					</view>
					<view @tap="toNone">
						<text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image>
					</view>
				</view>
				
			</view>
			<view class=" f-content " >
				<text class="m-font-md m-margin-bottom">各类应用场景满足多方需求</text>
				<view class="f-content-flex" style="overflow-x: scroll;margin-top: 36rpx;" >
					<view class="f-content-flex-c f-content-magrin f-box">
						<view class="">
							<image class="f-content-img" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-1.png" mode="widthFix"></image>
						</view>
						<view class="f-font-a">
							住宅项目
						</view>
						<view class="f-font-h">
							万科·璞悦湾
						</view>
						<view class="f-font-p">
							超越居住功能之上的温暖现代主义永恒之美
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin f-box">
						<view class="">
							<image class="f-content-img" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-2.png" mode="widthFix"></image>
						</view>
						<view class="f-font-a">
							住宅项目
						</view>
						<view class="f-font-h">
							华侨城·苏河湾官邸
						</view>
						<view class="f-font-p">
							动态的艺术时尚与静态的城市公共空间完美融合
						</view>
					</view>
					
					
				</view>
			</view>
			
			
			<!-- 工艺知识 -->
			<view class="">
				<view class="f-flex-a ">
					<view class="m-h2">
						工艺知识
					</view>
					<view >
						<!-- <text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image> -->
					</view>
				</view>
				
			</view>
			<view class=" .f-content " >
				<text class="m-font-md m-margin-bottom">新兴工业工艺技术超前掌控</text>
				<view class="f-content-flex" style="overflow-x: scroll;margin-top: 36rpx;" >
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-knowledge-1.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										
									</view>
								</view>
							</view>
				
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-knowledge-1.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-knowledge-1.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					
				</view>
			</view>
			
			<!-- 新闻资讯 -->
			<view class="">
				
				<view class="f-flex-a ">
					<view class="m-h2">
						新闻资讯
					</view>
					<view @tap="toNone">
						<text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image>
					</view>
				</view>
				
			</view>
			<view class=" f-content " >
				<text class="m-font-md m-margin-bottom">最新公司/行业动态</text>
				<view class="f-content-flex" style="overflow-x: scroll;margin-top: 36rpx;" >
					<view class="f-con-flex">
						<view class="f-con-flex-d" style="margin-right: 10rpx;">
							<view class="f-con-flex " style="margin-bottom: 36rpx;">
								<view class="" style="margin-right: 16rpx;">
									<image class="f-content-img-b" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-news-1.png" mode="widthFix"></image>
								</view>
								<view class="f-font-h-1" style="width: 342rpx;">
									<text class="f-font-h-1">五一丨致敬光荣的劳动者们！</text>
									<view class="f-font-p-mini" style="margin-top: 70rpx;">
										2020.05.07 08:09:11
									</view>
								</view>
								
							</view>
							
							<view class="f-con-flex" style="margin-bottom: 36rpx;">
								<view class="" style="margin-right: 16rpx;">
									<image class="f-content-img-b" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-news-2.png" mode="widthFix"></image>
								</view>
								<view class="f-font-h-1" style="width: 342rpx;">
									<text class="f-font-h-1">UBlock布局西南市场</text>
									<view class="f-font-p-mini" style="margin-top: 70rpx;">
										2020.02.14 23:09:11
									</view>
								</view>
								
							</view>
							
							
						</view>
						
						<view class="f-con-flex-d">
							<view class="f-con-flex" style="margin-bottom: 36rpx;">
								<view class="" style="margin-right: 16rpx;">
									<image class="f-content-img-b" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-news-2.png" mode="widthFix"></image>
								</view>
								<view class="f-font-h-1" style="width: 342rpx;">
									<text class="f-font-h-1">UBlock布局西南市场</text>
									<view class="f-font-p-mini" style="margin-top: 70rpx;">
										2020.02.14 23:09:11
									</view>
								</view>
								
							</view>
							
							<view class="f-con-flex" style="margin-bottom: 36rpx;">
								<view class="" style="margin-right: 16rpx;">
									<image class="f-content-img-b" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-news-2.png" mode="widthFix"></image>
								</view>
								<view class="f-font-h-1" style="width: 342rpx;">
									<text class="f-font-h-1">UBlock布局西南市场</text>
									<view class="f-font-p-mini" style="margin-top: 70rpx;">
										2020.02.14 23:09:11
									</view>
								</view>
								
							</view>
							
							
						</view>
						
					</view>
					
				</view>
			</view>
					
				
			<!-- 资质证书 -->
			<view class="">
				<view class="f-flex-a ">
					<view class="m-h2">
						资质证书
					</view>
					<view >
						<!-- <text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image> -->
					</view>
				</view>
				
			</view>
			<view class=" .f-content " >
				<text class="m-font-md m-margin-bottom">公司资质证件荣誉墙</text>
				<view class="f-content-flex" style="overflow-x: scroll;margin-top: 36rpx;" >
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image style="width: 402rpx;height: 300rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-7.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										证书一
									</view>
								</view>
							</view>
				
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image style="width: 222rpx;height: 300rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-6.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										证书二
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image style="width: 222rpx;height: 300rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-6.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										证书三
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					
				</view>
			</view>
			
			<!-- 工艺知识 -->
			<view class="">
				<view class="f-flex-a ">
					<view class="m-h2">
						技术优势
					</view>
					<view >
						<!-- <text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image> -->
					</view>
				</view>
				
			</view>
			<view class=" .f-content " >
				<text class="m-font-md m-margin-bottom">注册专利技术值得信任</text>
				<view class="f-content-flex" style="overflow-x: scroll;margin-top: 36rpx;" >
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-3.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<!-- <view class="f-font-p-c">
										
									</view> -->
								</view>
							</view>
				
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-4.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<!-- <view class="f-font-p-c">
										
									</view> -->
								</view>
							</view>
						
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-5.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<!-- <view class="f-font-p-c">
										
									</view> -->
								</view>
							</view>
						
						</view>
					</view>
					
					
				</view>
			</view>
			
			
			<!-- 公司了解 -->
			
			<!-- 工艺知识 -->
			<view class="">
				<view class="f-flex-a ">
					<view class="m-h2">
						公司介绍
					</view>
					<view >
						<!-- <text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image> -->
					</view>
				</view>
				
			</view>
			
            <view class=" .f-content " >
				<text class="m-font-md m-margin-bottom">了解我们</text>
				<view class="" style="margin-top: 36rpx;">
					<image class="f-8-size" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/find-about.png" mode=""></image>
				</view>
				<view class="f-8-font">
					<view class="f-8-font-1" style="margin-bottom: 10rpx;">
						公司总部图册(1/5)
					</view>
					<view class="f-8-font-2" style="margin-bottom: 60rpx;">
						优博络客（UBlok）长兴伊通有限公司
					</view>
					<view class="f-8-font-3" style="margin-bottom: 30rpx;">
						浙江省太湖区长兴县
					</view>
					<view class="f-8-font-3" style="margin-bottom: 30rpx;">
						详细地址展示
					</view>
					<view class="f-8-font-4" style=" width: 590rpx;height: 80rpx;background-color: #F9F9FC; margin-bottom: 30rpx;text-align: center;">
						<view class="" style="position: relative;top: 20rpx;">
							导航前往
						</view>
					</view>
				</view>
			</view>
			
			
			<view class="">
				<view class="f-flex-a m-margin-bottom">
					<view class="m-h2">
						工作机会
						<view class="">
							<text class="m-font-md m-margin-bottom">各类应用场景满足多方需求</text>
						</view>
					</view>
					<view @tap="toNone">
						<text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image>
					</view>
				</view>
				
				<view class="m-margin-bottom">
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						机械工程师
					</view>
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						<text class="f-list-font-mini f-list-font-mini-border" style="padding-right: 10rpx;">若干</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">技术类</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">大专及以上学历</text>
						<text class="f-list-font-mini f-list-font-mini-padding">三年</text>
						<view class="f-list-font-p f-list-font-p-border" style="padding: 20rpx 0;">
							更新于2020年12月26日
						</view>
					</view>
				</view>
				
				<view class="m-margin-bottom">
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						机械工程师
					</view>
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						<text class="f-list-font-mini f-list-font-mini-border" style="padding-right: 10rpx;">若干</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">技术类</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">大专及以上学历</text>
						<text class="f-list-font-mini f-list-font-mini-padding">三年</text>
						<view class="f-list-font-p f-list-font-p-border" style="padding: 20rpx 0;">
							更新于2020年12月26日
						</view>
					</view>
				</view>
				
				<view class="m-margin-bottom">
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						机械工程师
					</view>
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						<text class="f-list-font-mini f-list-font-mini-border" style="padding-right: 10rpx;">若干</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">技术类</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">大专及以上学历</text>
						<text class="f-list-font-mini f-list-font-mini-padding">三年</text>
						<view class="f-list-font-p f-list-font-p-border" style="padding: 20rpx 0;">
							更新于2020年12月26日
						</view>
					</view>
				</view>
				
				<view class="m-margin-bottom">
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						机械工程师
					</view>
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						<text class="f-list-font-mini f-list-font-mini-border" style="padding-right: 10rpx;">若干</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">技术类</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">大专及以上学历</text>
						<text class="f-list-font-mini f-list-font-mini-padding">三年</text>
						<view class="f-list-font-p f-list-font-p-border" style="padding: 20rpx 0;">
							更新于2020年12月26日
						</view>
					</view>
				</view>
				
				<view class="m-margin-bottom">
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						机械工程师
					</view>
					<view class="f-content f-list-font" style="margin-bottom: 30rpx;">
						<text class="f-list-font-mini f-list-font-mini-border" style="padding-right: 10rpx;">若干</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">技术类</text>
						<text class="f-list-font-mini f-list-font-mini-border f-list-font-mini-padding">大专及以上学历</text>
						<text class="f-list-font-mini f-list-font-mini-padding">三年</text>
						<view class="f-list-font-p f-list-font-p-border" style="padding: 20rpx 0;">
							更新于2020年12月26日
						</view>
					</view>
				</view>
			</view>
			
		</view>
		
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toNone:function(){
				uni.navigateTo({
					url:'../none-3/none-3'
				})
			}
		}
	}
</script>

<style scoped lang="less">
@import url("find.less");
@import url("../../style.less");
</style>
